<template>
    <div>
      <!-- 二级路由出口：匹配的二级路由的组件展示的位置 -->
      <router-view></router-view>
  
      <!-- route 开启路由模式 -->
      <van-tabbar route v-model="active">
        <van-tabbar-item to="/article" icon="fire-o" name="article">面经</van-tabbar-item>
        <van-tabbar-item to="/collect" icon="star-o" name="collect">收藏</van-tabbar-item>
        <van-tabbar-item to="/like" icon="like-o" name="like">喜欢</van-tabbar-item>
        <van-tabbar-item to="/user" icon="user-o" name="user">我的</van-tabbar-item>
      </van-tabbar>
    </div>
  </template>
  
  <script>
  export default {
    name: 'homePage',
    data() {
    return {
      active: "default",
    };
  },
  }
  </script>
  
  <style scoped></style>
  